<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品浏览页面</title>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="../shopping_commodity/shopping_commodity.js"></script>
    <link rel="stylesheet" href="../css/commodity.css">
</head>
<body>
<div id="shopping_detail">
    <button onclick="back_shopping()">返回商城</button>
    <button onclick="go_cart()">购物车列表</button>
    <div class="shopping_container">
        <div class="pull_left">
            <div class="pull_left com_img_container padding">
                <span v-for="img in shopping_commodity.li">
                    <img class="com_img" :src="img.img_url">
                </span>
            </div>
            <div class="pull_left padding">
                <div><span>商品名称:</span>{{ shopping_commodity.name }}</div>
                <div><span>商品价格:</span>{{ shopping_commodity.price }}</div>
                <div><span>商品优惠:</span>{{ shopping_commodity.preferential }}</div>
                <div v-for="item in shopping_commodity.p">
                    <span>{{ item.property }}:</span>
                    <span v-for="va in item.v"><button class="button">{{ va.value }}</button></span>
                </div>
                <div><span>数量</span><input type="text" name="com_num"></div>
                <hr>
                <div>
                    <button class="button" onclick="add_cart()">加入购物车</button>
                    <button class="button" onclick="shopping_pay()">支付</button>
                </div>
            </div>
        </div>
        <div class="clear padding">
            <button class="button">详情</button>
            <button class="button">评论</button>
        </div>
    </div>
</div>
</body>
</html>